맨위로가기

파이어버그 (소프트웨어)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

파이어버그는 조 히위트가 개발한 웹 개발 및 디버깅을 위한 소프트웨어이다. 파이어폭스 확장 기능과 구글 크롬용 북마클릿으로 구현되었으며, HTML, CSS, JavaScript, XML, DOM 요소의 실시간 표시, 작성, 편집 기능을 제공한다. 2006년 처음 출시되었으며, 웹 페이지 디버깅, 웹 보안 테스트, 웹 페이지 성능 분석에 사용되었다. 파이어폭스 57 버전부터 XUL 부가 기능 지원이 중단되면서 개발이 종료되었다.

더 읽어볼만한 페이지

  • 자바스크립트 프로그래밍 도구 - 그런트
    그런트는 자바스크립트 기반의 작업 실행 도구로, package.json과 Gruntfile을 통해 프로젝트를 구성하고 다양한 플러그인을 활용하여 작업 확장이 용이한 프로젝트 자동화 도구이다.
  • 자바스크립트 프로그래밍 도구 - QUnit
    QUnit은 존 레식에 의해 개발된 자바스크립트 유닛 테스트 프레임워크로, jQuery의 유닛 테스트 코드로 시작하여 독립적인 프로젝트가 되었으며, 모듈 및 테스트 정의와 표명 메서드를 통해 테스트를 수행한다.
  • 2006년 소프트웨어 - 마이크로소프트 오피스 2007
    마이크로소프트 오피스 2007은 리본 인터페이스와 Office Open XML 형식을 도입하고 다양한 기능 향상을 제공한 오피스 제품군으로, 여러 에디션 출시와 함께 비판, 호환성 문제, 특허 논란이 있었으며 2018년 4월에 지원이 종료되었다.
  • 2006년 소프트웨어 - TrueOS
    TrueOS는 2005년 PC-BSD로 시작하여 FreeBSD를 기반으로 사용 편의성을 강조한 운영 체제이며, 2016년 TrueOS로 이름이 변경되었으나 2020년에 개발이 중단되었다.
  • 자유 소프트웨어 - 김프
    김프(GIMP)는 GNU 프로젝트에서 개발된 크로스 플랫폼 기반의 무료 오픈소스 래스터 그래픽 편집기로, 다양한 운영체제를 지원하며 풍부한 기능을 제공하지만 사용자 인터페이스에 대한 비판과 일부 기능의 부족함에 대한 평가도 존재한다.
  • 자유 소프트웨어 - PHP
    PHP는 라스무스 러도프가 개발한 범용 스크립팅 언어로, 웹 개발에 널리 사용되며 LAMP 아키텍처의 핵심 요소이다.
파이어버그 (소프트웨어) - [IT 관련 정보]에 관한 문서
개요
파이어버그 로고
파이어버그 로고
종류모질라 확장 기능
플랫폼크로스 플랫폼
개발조 휴이트, 얀 오드바르코, robcee, 파이어버그 워킹 그룹
웹사이트https://getfirebug.com/
설명웹 개발용 파이어폭스 애드온
상세 정보
최신 릴리스 버전2.0.19
최신 릴리스 날짜2017년 2월 16일
프로그래밍 언어자바스크립트, XUL, CSS
라이선스신규 BSD 라이선스

2. 역사

파이어버그는 2006년 1월, 파이어폭스 개발자 중 한 명인 조 히위트에 의해 BSD 라이선스 하에 처음 개발되었다.[3][6] 파이어버그 워킹 그룹은 파이어버그의 오픈 소스 개발 및 확장을 감독했다. 파이어버그는 모질라 파이어폭스 확장 기능과 구글 크롬용 북마클릿(파이어버그 라이트)의 두 가지 주요 구현 방식을 가지고 있었다.[7][8] 웹 페이지 디버깅 외에도, 웹 보안 테스트 및 웹 페이지 성능 분석에도 사용되었다.[9][10]

파이어버그는 파이어폭스 개발자 도구에 기능이 통합되면서 개발이 중단되었다. 파이어폭스 57부터 XUL 부가 기능을 지원하지 않아 파이어버그는 더 이상 호환되지 않는다.[11] 파이어버그는 수정된 BSD 라이선스 하에 배포되는 오픈 소스 자유 소프트웨어이다.

2. 1. 버전별 역사

(원본 소스가 비어 있으므로 내용을 작성할 수 없습니다.)

2. 1. 1. 2.0 버전

파이어버그 2.0은 자바스크립트 구문 강조, 축소된 자바스크립트 코드의 보기 좋은 출력, 웹 페이지의 모든 이벤트 핸들러를 처리하는 DOM 이벤트 검사기 등 파이어버그 확장 기능에 많은 새로운 기능을 도입했다.[12] 또한 CSS 선택자를 사용하여 페이지 요소를 검색할 수 있게 되었다.[12] 사용자는 이 디버깅 도구를 통해 자바스크립트 표현식을 평가하는 동안 검사할 수 있고, 자바스크립트 함수에서 반환된 값을 검사할 수 있다.[12] 더불어, 기존 HTML 요소에 새로운 HTML 속성을 추가하는 기능도 추가되었다.[12]

3. 주요 기능

파이어폭스 개발자 중 한 명인 조 히위트가 2006년 1월에 처음 작성한 파이어버그는 HTML, CSS, 자바스크립트, XML, DOM 등을 실시간으로 표시, 작성, 편집할 수 있는 기능을 제공한다.[3][6] 변경 사항은 즉시 적용되며, 모든 편집기는 자동 완성 기능을 지원한다.[12] 파이어버그는 웹 페이지 디버깅 외에도 웹 보안 테스트[9] 및 웹 페이지 성능 분석에도 사용되었다.[10]

3. 1. HTML 및 CSS

파이어버그는 HTML 및 CSS 요소를 검사하고 실시간으로 편집할 수 있게 해준다.[16] 이후 버전의 파이어버그에서는 CSS의 실시간 변경 사항을 확인할 수 있다.[12] HTML 요소를 검사하는 동안 CSS 요소의 시각화가 표시된다. 파이어버그 레이아웃 탭은 CSS 속성 값을 표시하고 조작하는 데 사용된다. 또한 사용자는 웹 페이지에서 표시되는 모든 HTML 요소를 클릭하여 해당 CSS 속성 값에 접근할 수 있다.[17]

3. 2. JavaScript 콘솔

파이어버그의 스크립트 탭에서는 사용자가 중단점을 설정하고 코드를 단계별로 실행할 수 있다.[18] 파이어버그를 통해 JavaScript 코드의 특정 줄로 바로 이동하고, 식을 감시하며, 호출 스택을 확인할 수 있고, 실행 중 오류가 발생하면 디버거를 실행할 수 있다. 파이어버그는 오류를 기록할 수도 있는데, 로깅은 파이어버그 JavaScript API를 사용한다. 파이어버그의 JavaScript 패널은 오류를 기록하고, 함수 호출을 프로파일링하며, 개발자가 임의의 JavaScript를 실행할 수 있게 한다. 파이어버그는 사용자가 명령줄을 통해 JavaScript 코드를 실행하고, JavaScript, CSS, XML에서 발생하는 오류를 기록할 수 있도록 한다. 또한, JavaScript를 수정하고 사용자의 브라우저에서 즉각적인 결과를 확인할 수 있는 별도의 텍스트 편집기를 제공한다.

업데이트된 JavaScript 명령줄은 자동 완성 기능을 제공한다. 텍스트 편집기는 또한 전체 함수를 작성할 수 있는 기능을 제공한다. 파이어버그는 충돌이 발생했을 때 사용자가 웹 페이지를 새로 고침해야 한다.

3. 3. 통신 분석

파이어버그는 파일, XMLHttpRequest 등의 통신을 분석할 수 있다.[15] HTTP 헤더 및 요청 시간 관련 타임스탬프를 검사할 수 있다.[15] Net 패널을 통해 외부 CSS, 자바스크립트, 이미지 파일 등 브라우저가 요청하는 URL을 모니터링할 수 있으며, 개별 파일의 다운로드 시간을 확인하고 브라우저 캐시에서 로드된 파일을 확인할 수 있다.[15]

3. 4. 기타 기능

파이어버그는 명령줄 인터페이스 기능을 제공한다.[14] 파이어버그 명령줄은 자바스크립트로 작성된 명령어를 받으며, 각 명령어 실행 결과는 콘솔에 하이퍼링크로 표시된다.[14] 또한, 듀얼 디스플레이 환경에서의 표시를 지원한다.

4. 확장 기능

파이어버그는 오픈 소스이므로, 사용자들이 자신만의 확장 기능을 개발하여 파이어버그 커뮤니티에 기여할 수 있다.[19] 다양한 확장 기능들이 제작되어 파이어버그의 기능을 향상시키고 있다.

5. 라이선스

수정된 BSD 라이선스 하에 배포되는 오픈 소스 자유 소프트웨어이다.[3]

참조

[1] 웹사이트 Firebug Version History https://addons.mozil[...] 2017-02-16
[2] 웹사이트 Mozilla Firefox Add-on https://addons.mozil[...] 2011-09-27
[3] 웹사이트 Overview of Firebug http://getfirebug.co[...] 2014-11-13
[4] Github Firebug on GitHub https://github.com/f[...]
[5] 웹사이트 Firebug Home Page http://getfirebug.co[...] 2014-11-13
[6] 간행물 O'Reilly Performance Tools: Appendix - Even Faster Websites http://www.oreilly.c[...]
[7] 웹사이트 Firebug Lite Homepage http://getfirebug.co[...] 2010-11-24
[8] Chrome Firebug Lite for Chrome http://getfirebug.co[...]
[9] 서적 Web Security Testing Cookbook https://archive.org/[...] O'Reilly Media, Inc.
[10] 간행물 High Performance Web Sites CACM 2008-12
[11] 웹사이트 Saying Goodbye to Firebug https://hacks.mozill[...] 2017-10-24
[12] 웹사이트 Firebug 2.0 Release https://blog.getfire[...] Firebug Working Group 2015-10-15
[13] 웹사이트 Firebug 3.0 The Next Generation https://blog.getfire[...] Firebug Working Group 2014-11-10
[14] 간행물 Ajax debugging with firebug http://www.drdobbs.c[...] 2007
[15] 웹사이트 What is Firebug? http://getfirebug.co[...] 2014-11-13
[16] 웹사이트 Debug and tune applications on the fly with Firebug http://www.ibm.com/d[...] IBM Developer Works 2008-05-06
[17] 웹사이트 Debug Web Pages in Firefox With Firebug http://www.pcworld.c[...] PC World 2012-01-06
[18] 웹사이트 Identify JavaScript Problems with Firebug http://www.dummies.c[...] Dummies
[19] 웹사이트 List of Known Firebug Extensions https://getfirebug.c[...] 2014-11-13
[20] 웹사이트 Firebug のバージョン履歴 https://addons.mozil[...]
[21] 웹사이트 主にウェブサイトのデザインの分野で使用されます https://mikotech.vn/[...]
[22] 웹사이트 Firebug Lite https://getfirebug.c[...]
[23] 웹사이트 Web開発者向けの定番拡張機能「Firebug」が開発終了 https://forest.watch[...] "[[窓の杜]]" 2017-10-27
[24] 기타 Q: What license does Firebug use? https://getfirebug.c[...]
[25] 웹인용 Firebug Version History https://addons.mozil[...] 2017-04-22
[26] 웹인용 Mozilla Firefox Add-on https://addons.mozil[...] 2017-04-22
[27] 웹인용 Overview of Firebug http://getfirebug.co[...] 2017-04-22
[28] Github Firebug on GitHub https://github.com/f[...]
[29] 웹인용 Firebug Home Page http://getfirebug.co[...] 2017-04-22
[30] 간행물 O'Reilly Performance Tools: Appendix - Even Faster Websites http://www.oreilly.c[...]
[31] 웹인용 Firebug Lite Homepage http://getfirebug.co[...] 2017-04-22
[32] Chrome Firebug Lite for Chrome http://getfirebug.co[...]
[33] 서적 Web Security Testing Cookbook O'Reilly Media, Inc.
[34] 간행물 High Performance Web Sites CACM 2008-12
[35] 웹인용 Saying Goodbye to Firebug http://getfirebug.co[...] 2019-02-13


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com